//
//Rouge : #D95945
//Bleu marin (et pas noir) : #1C2544
//Jaune (pour les boutons à cliquer) : #E8A003

//J'ai aussi un p'tit rose #FDF4F2 et un gris, si jamais tu as besoin de couleurs plus pâles #DADADA



body {
  font-family: Jost, Arial, Helvetica, sans-serif;
  font-weight:700;
  background-color: #FDF4F2;
  color: #1C2544
}

.flip-box {
  background-color: transparent;
  width: 320px;
  height: 220px;
  border: 1px solid #f1f1f1;
  perspective: 1000px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
  background-color: #aaa;
  color: black;
  border: 10px solid #f1f1f1;
}

.flip-box-back {
  background-color: #555;
  color: white;
  transform: rotateY(180deg);
}
.act {
  text-decoration: underline;
}
.h2 {
background-color:#1C2544;
color:white;
font-weight:bold;

}



.bouton1 {
background-color:#E8A003;
color:#1C2544;
font-weight:bold;

}
.bouton2 {
background-color:#FDF4F2;
color:#1C2544;
font-weight:bold;
border: 4px solid #1C2544;
}
.bouton3 {
background-color:#1C2544;
color:#FDF4F2;
font-weight:bold;
border: 4px solid #FDF4F2;
}
.button1:hover {
  background-color: #E8A003;
  color: #1C2544;
  font-weight:bold;
}
.menu1 {
background-color:#FDF4F2;
color:#1C2544;
font-weight:bold;

}
.texte1 {
background-color:#FDF4F2;
color:#1C2544;
font-weight:bold;
font:Jost; 
font-weight:700;
font-size:14px; 
line-height:14px;color:#1C2544;

}
.fond {
background-color:#FDF4F2;
}
.fondbleu {
background-color:#1C2544;
color: white;
}